@media (max-width: 1680px) {

    .navbar .dropdown ul {
        left: -270%;
    }

    #cateogry .cta-btn {
        width: 15%;
    }

    /* .testimonial .testimonial-content{margin-top: -3%;} */
    .tm-custom-heading2 {
        line-height: 30px;
    }

    #contact .contact-info address,
    #contact .contact-info p {
        margin: 0 -9px;
    }

    .wrapper-details {
        width: 60%;
    }

    .product-text h1 {
        font-size: 28px;
    }

    /* .product-info {
        padding-left: 40px;
    } */

}


@media (max-width:1536px) {


    .s-header {
    height: 90px;
    top: auto;
    }

  

    .s-header__branding a img {
        width: 55%;
    }


    .s-header__social-facebook-trigger {
        right: 7%;
    }

    .s-header__social-instagram-trigger {
        right: 10%;
    }


    #customized-section {
        height: 431px;
    }


    .product-info {
        padding-left: 44px;}

    .card {width: 85%;}


    .wrapper-details {
        width: 60%;
    }

    .btn-social.language {
        margin-left: 0;
        width: 13%;
    }

    /* .btn-social.language {width: 25%;} */
    /* .nav-menu {margin: 0 18%;} */
    /* .social-nav { width: 16%;} */
    .navbar .dropdown ul {
        left: -255%;
    }

    .title-menu {
        font-size: 32px;
    }

    .media .bottom-left {
        font-size: 30px;
    }

    #about-section h3 {
        font-size: 32px;
    }

    p {
        font-size: 16px;
    }

    #about-section .cta-btn {
        font-size: 15px;
    }

    .title-feedback {
        font-size: 32px;
    }

    .tm-custom-heading2 {
        font-size: 18px;
    }

    #location-section .cta-btn {
        font-size: 15px;
    }

    #footer .footer-top h4 {
        font-size: 17px;
    }

    #footer .footer-top .footer-info p {
        font-size: 16px;
    }

    #footer .footer-top .footer-links ul a {
        font-size: 16px;
    }

    #footer .copyright {
        font-size: 16px;
    }

    #footer .credits {
        font-size: 16px;
    }

    .about-images .box p {
        font-size: 16px;
    }

    #hero-banner h2 {
        font-size: 20px;
    }

    .location h4 {
        font-size: 20px;
        padding: 7px;
    }

    #contact .cntainer-white {
        width: 100%;
    }

    ol,
    ul {
        padding-left: 0rem;
    }

    #contact h3,
    h4 {
        font-size: 21px;
    }

    .small-block-grid-1.large-block-grid-3.contact-sec.inner-content-wrapper {
        padding-left: 2rem;
    }

    .cntainer-white {
        width: 98%;
    }

    .section.product-section .wrapper>* {
        margin: 8px;
    }

    /* .media {
        width: 425px;
    } */

    .cntainer-black {
        width: 89%;
    }

    .image-feedback {
        right: -4%
    }

}

@media (max-width:1440px) {

    .card {
        width: 90%;
    }

    .rwd-table th, .rwd-table td {
        font-size: 15px;}


    .wrapper-details {
        width: 100%;
    }

    /* .btn-social.language {
        margin-left: 26%;
    }     */

    /* .social-nav {width: 14%;} */
    /* .btn-social.language {width: 30%;} */
    .navbar .dropdown ul {
        left: -270%;
    }

    #hero {
        height: 70vh;
    }

    #hero h2 {
        font-size: 50px;
    }

    #hero p {
        font-size: 18px;
    }

    #hero .btn-get-started {
        font-size: 15px;
    }

    #cateogry .cta-btn {
        width: 16%;
        font-size: 15px;
    }

    .testimonial .post {
        margin-bottom: 10px;
    }

    .testimonial .title {
        padding-top: 50px;
    }

    .tm-custom-heading1 {
        font-size: 25px;
    }

    .cntainer-white {
        width: 98%;
    }

    .section.product-section .wrapper>* {
        margin: 8px;
    }

    /* .media {
        width: 425px;
    } */

    .cntainer-black {
        width: 89%;
    }

    .image-feedback {
        right: -4%
    }

    .tm-dishbox-wrapper.dishbox-style2 .tm-box-title h3 {
        font-size: 16px;
    }

    .hovereffect h2 {
        padding-top: 18%;
    }



}


@media (max-width:1366px) {

   

    /* .btn-social.language {
        margin-left: 23%;
    } */

    /* .social-nav {width: 12%;} */
    /* .btn-social.language {width: 35%;} */
}

@media (min-width: 1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1300px;
    }

    .cntainer-black {
        width: 93%;
    }

    .image-feedback {
        right: -3%;
    }

    .navbar .dropdown ul {
        left: 0;
    }

    /* .nav-menu {margin: 0 23%;} */


}



@media (max-width:1280px) {

    .s-content {
        padding-top: 10%;
    }

    .s-header {
        height: 140px;
    }

    .s-header__branding {
        left: 1rem;
    }

    .s-header__social-instagram-trigger {
        right: 7.3%;
    }

    .s-header__social-facebook-trigger {
        right: 10%;
    }


    .media {
        width: 100%;
    }


    #customized-section {
        height: 430px;
    }


    .product-widget-wrapper .product-list-sm .product-media {
        max-width: 8rem;
    }

    .image-fixed img {
        max-height: max-content;
    }

    .product-widget-wrapper.choux_section .widget.widget-products {
        margin: 22px 0;
    }


    #menu {
        padding: 20px 0 4%;
    }

    .product-widget-wrapper .product-list-sm .product-name {
        font-size: 1.1rem;
    }


    /* .btn-social.language {
        margin-left: 17%;
        width: 12%;
    } */

    /* .media {
        width: 380px;
    } */

    /* .nav-menu {margin: 0 15%;} */
    /* .social-nav {width: 14%;} */
    /* .btn-social.language {width: 30%;} */
    .navbar .dropdown ul {
        left: -260%;
    }

    #cateogry .cta-btn {
        margin: 20px auto 0;
    }

    .cntainer-black {
        width: 98%;
    }

    .image-feedback {
        width: 18%;
        right: -18px;
    }

    .testimonial .pic img {
        width: 85%;
    }

    /* .testimonial .pic:before {right: -3px;} */
    /* .testimonial .pic:after {left: -3px;} */
    #menu {
        padding: 30px 0 1%;
    }

    .about-images .box {
        margin: 0 14px
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1170px;
    }

    .sidebar {
        width: 22%;
    }

}



@media(max-width:1024px) {


    /* .btn-social.language {width: 15%;    margin-left: 0%;} */

    /* .wrapper-search {
        transform: translate(30%, -28%);
    } */

    /* .social-nav {width: 13%;} */
    /* .btn-social.language {width: 40%;} */
    .media {
        width: 325px;
    }

    .navbar .dropdown ul {
        width: 850px;
        left: -220%;
    }

    #cateogry .cta-btn {
        width: 21%;
        font-size: 14px;
    }

    .testimonial .description {
        font-size: 15px;
    }

    .owl-theme .owl-controls .owl-buttons div {
        height: 55px;
    }

    .hovereffect h2 {
        padding-top: 20%;
        width: 105px;
        height: 105px;
        font-size: 15px;
        margin: 13% auto;
    }

    .tm-box-col-wrapper {
        width: 33.3%;
    }

    .sidebar {
        width: 28%;
    }

    aside {
        margin-right: 5%;
    }

    #hero-banner h2 {
        font-size: 22px;
        width: 25%;
    }

    #contact .contact-info {
        margin-bottom: 0px;
    }

    #footer .footer-top .footer-info p {
        margin-right: 5px;
        margin-left: 3%;
    }

    .testimonial .pic:before {
        width: 70px;
        height: 70px;
        font-size: 35px;
        padding: 4% 8%;
    }

}


@media(max-width:900px) {

    .navbar-nav {
        padding-left: 10px;
    }

    /* .wrapper-search {
        transform: translate(45%, -28%);
    } */


    .product-info {
        padding-left: 20px;
        padding-right: 2%;
        float: none;
        text-align: left;
    }

    .product-img {
        float: none;
        margin-bottom: 12%;
    }

    .product-img img {
        border-radius: 0;
        margin: 0 25%;
    }

    .product-price-btn p {
        text-align: left;
    }

    form.quantity {
        margin: 0;
        width: 100%;
    }

    .navbar ul.welcome-login {
        display: block;
    }

    /* .btn-social.language {
                margin-left: 0;
                width: 20%;
            } */

    .form-modal {
        position: relative;
        width: 100%;
    }

    .media {
        width: 250px;
    }

    #hero {
        height: 50vh;
    }

    #hero h2 {
        font-size: 35px;
    }

    #hero p {
        font-size: 15px;
    }

    #hero .btn-get-started {
        font-size: 12px;
    }

    .title-menu {
        font-size: 25px;
    }

    .media .bottom-left {
        font-size: 23px;
    }

    #cateogry .cta-btn {
        width: 23%;
        font-size: 12px;
    }

    #about-section h3 {
        font-size: 25px;
    }

    p {
        font-size: 14px;
    }

    #about-section .cta-btn {
        font-size: 12px;
    }

    .testimonial .title {
        text-align: center;
    }

    .testimonial .post {
        text-align: center;
    }

    .title-feedback {
        font-size: 25px;
    }

    .tm-custom-heading2 {
        font-size: 16px;
    }

    #location-section .cta-btn {
        font-size: 12px;
    }

    .owl-theme .owl-controls .owl-buttons div {
        font-size: 16px;
    }

    .owl-next:after {
        font-size: 30px;
        left: -9px;
    }

    #footer .footer-top {
        padding: 30px 0 5px 0;
    }

    #footer .footer-top h4::before {
        width: 40%;
    }

    #footer .footer-top .footer-info p {
        margin-right: 0;
        margin-left: 0;
    }

    .nav-menu {
        margin: 0;
    }

    /* .social-nav {width: 20%;} */
    /* .btn-social.language {width: 40%;} */
    .navmobile {
        margin-bottom: -2%;
        padding: 1%;
    }

    #header .logo {
        padding-top: 0;
    }

    #header {
        height: 210px;
    }

    .navbar li:last-child {
        margin-left: 0;
    }

    .navbar .dropdown ul {
        width: 732px;
    }

    .products {
        width: 20%;
        padding: 2% 6%;
    }

    .about-images .box {
        margin: 0 10px;
    }

    .about-images .box .text {
        padding: 10%;
    }

    #about-page .cntainer-white {
        width: 85%;
    }

    #order-mob {
        display: flex;
        flex-flow: column;
    }

    .sidebar {
        width: 100%;
        order: 1;
    }

    aside {
        margin-right: 0;
    }

    #hero-banner h2 {
        width: 32%;
        padding: 20px 0 13px;
    }

    iframe {
        float: none;
        width: 725px;
        margin: 3% 0;
        margin-bottom: 0%;
    }

    .location {
        float: none;
    }

    .contact-icon-box .contact-icon svg {
        width: 30px;
        height: 30px;
    }

    .contact-icon-box .contact-icon {
        padding: 17px;
    }

    .contact-icon-box {
        padding: 12px;
        min-height: 210px;
    }

    #contact .contact-info address,
    #contact .contact-info p {
        font-size: 13px
    }

    ul.social-icons li a {
        font-size: 1em;
        height: 30px;
        line-height: 28px;
        width: 30px;
    }

    .testimonial .description {
        padding: 0 2% 0 2%;
    }

}



@media (max-width: 800px) {

    /* .wrapper-search {
        transform: translate(47%, -28%);
    } */
}


@media (max-width: 768px) {

    /* .wrapper-search {
        transform: translate(53%, -28%);  } */

    .media {
        width: 240px;
    }

    .navbar .dropdown ul {
        width: 700px;
    }

    #cateogry .cta-btn {
        width: 27%;
    }

    iframe {
        width: 710px;
    }

    #contact .php-email-form button[type="submit"] {
        font-size: 13px;
    }


}





@media(max-width:480px) {

    .btn.btn-language {
        padding: 3px 8px;
        font-size: 14px;}
    

    .testimonial-content .imagefeedback {
        max-height: 200px;
        width: 100%;
    }

    .navbar.welcome {
        margin: 0 0 0 5px;
    }

    .dropdown.welcomelogin a {
        padding: 0;
        font-size: 16px;
        text-transform: capitalize;}

        .cart.cart_prodcts{ padding: 3vh 15px 0;}

    .rwd-table th, .rwd-table td {
        align-items: center;
        width: -webkit-fill-available;}

        .rwd-table th, .rwd-table td form.quantity.cart-quantity {margin: 0;}

    /* .wrapper-search {
        right: 25%;
        transform: translate(-65%, -24%);
        width: 8%;} */


    .round-btn {
        height: 35px;
        width: 60px;
        margin: 0 5px;
    }


    .rwd-table {
        overflow: auto;
        display: block;
    }

    .product-img img {
        margin: 0;
        width: 100%;
    }

    /* .social-nav {width: 30%;} */
    /* .btn-social.language {width: 40%;} */
    #hero .carousel-control-next-icon,
    #hero .carousel-control-prev-icon {
        font-size: 20px;
        height: 40px;
        width: 40px;
        line-height: 40px;
    }

    .media {
        width: 100%;
    }

    .wrapper {
        margin-bottom: -6%;
    }

    .title-menu {
        margin-bottom: 7px;
    }

    #cateogry .cta-btn {
        width: 60%;
    }

    .cntainer-white {
        width: 89%;
    }

    #about-section {
        padding: 30px 0;
    }

    .tm-box-col-wrapper {
        width: 100%;
        padding: 6%;
        margin-top: -2%;
        margin-bottom: -4%;
    }

    .testimonial .pic {
        width: 50%;
    }

    /* .testimonial .pic:before, .testimonial .pic:after {width: 120px;height: 100px;}
    .testimonial .pic:before {right: 14px;}
    .testimonial .pic:after {left: 14px;} */
    .image-feedback {
        display: none;
    }

    .tm-custom-heading1 {
        font-size: 20px;
    }

    .tm-custom-heading2 {
        font-size: 15px;
    }

    .cntainer-black {
        width: 89%;
    }

    #footer .footer-top h4::before {
        width: 23%;
    }

    #footer .footer-top {
        padding: 30px 20px 5px 20px;
    }

    /* .navbar-mobile .dropdown > .dropdown-active {display: flex;flex-flow: column;} */
    .navbar .dropdown ul {
        width: 90%;
    }

    .products {
        width: 40%;
        padding: 0% 10%;
    }

    .products img {
        width: 170px;
    }

    .about-images .box {
        width: 95%;
        height: 414px;
        margin: 6px 10px;
    }

    #about-page .cntainer-white {
        width: 87%;
        margin-bottom: -3%;
    }

    #about-page .cntainer-white p {
        text-align: justify;
    }

    #hero-banner h2 {
        width: 55%;
    }

    .hovereffect h2 {
        padding-top: 17%;
        width: 150px;
        height: 150px;
        font-size: 17px;
        margin: 20% auto;
    }

    .products-category {
        margin-bottom: -24px;
        padding: 5%;
    }

    #menu {
        padding: 23px 0 1%;
    }

    .top-section {
        margin-top: 3%;
    }

    #menu-page {
        padding: 13px 0;
    }

    .sidebar {
        width: 93%;
        margin: 5% 4%;
    }

    iframe {
        width: 100%;
        margin: 5% 0 0;
    }

    .large-block-grid-3>li {
        width: 47%;
    }

    #contact h3,
    h4 {
        font-size: 20px;
        padding-left: 7%;
        padding-right: 7%;
    }

    #contact .contact-info {
        margin-bottom: 11px;
    }

    #footer .footer-top h4 {
        padding-left: 0;
        padding-right: 0;
    }

    .testimonial .title {
        padding-top: 15px;
    }

    #about-section p {
        text-align: justify;
        margin-bottom: 3%;
    }

    .location h4 {
        font-size: 20px;
        padding: 8px 0 3px;
        width: 60%;
    }

    /* .btn-social.language {margin-left: 0;} */
    /* .btn-social.language {width: 60%;margin-right: 18px;    padding: 3px 7px;} */
    .popup-overlay .modal2 {
        width: 90%;
        padding: 10px;
    }

    .popup-overlay .modalInfo {
        display: block;
    }

    .navbar ul.welcome-login {
        margin-left: 0;
    }

    .cart {
        padding: 3vh 25px 20px;
    }

    .card {
        width: 95%;
        box-shadow: none;
    }

    .card-body h4 {
        padding-left: 0;
        padding-right: 0;
    }

    .main.shop.details.pt-5 {
        padding-top: 5px !important;
    }

    /* form.quantity.cart-quantity{float: right;} */

    .col {display: contents;}

    .col.text-right {
        display: block;}
    
    .col-2,
    .col {
        padding: 0 0vh;
    }

    .col-2,
    .col h4 {
        padding-left: 12px;
        padding-right: 0;
        margin-bottom: 14px;
    }


    .logintext {
        display: flex;
        margin: -5px 0 -9px;
    }

    .logintext i {
        padding-right: 7px;
    }

    .empty-card {
        width: 90%;
    }
}




@media (max-width: 428px) {
    /* .btn-social.language {width: 45%;} */
    /* .social-nav {width: 35%;} */
}


@media(max-width:414px) {

    .products {
        width: 100%;
        padding: 0 41%;
        display: flex;
        flex-flow: column;
        margin: 0 auto;
    }

    .navbar .dropdown ul {
        width: 89%;
    }

    .products img {
        width: 200px;
        margin-left: -100%;
    }

    #hero h2 {
        font-size: 28px;
    }

    #hero p {
        font-size: 13px;
    }

    #hero .btn-get-started {
        font-size: 10px;
    }

    .carousel-control-prev {
        left: 3%;
    }

    .carousel-control-next {
        right: 3%;
    }

    /* .btn-social.language {width: 40%;} */
    /* .social-nav {width: 35%;} */
    #footer .footer-top h4 {
        padding-left: 0;
        padding-right: 0;
    }

    .about-images .box .text {
        padding: 7%
    }

    .large-block-grid-3.location-sec .contact-icon-box {
        width: 98.5%;
    }

    iframe {
        width: 352px;
    }

    .location ul li {
        font-size: 16px;
    }

    .location h4 {
        width: 100%;
    }

    .hovereffect h2 {
        padding-top: 15%;
        width: 140px;
        height: 140px;
        font-size: 19px;
        margin: 15% auto;
    }

    .testimonial .pic:before {
        width: 60px;
        height: 60px;
        font-size: 25px;
        padding: 6% 9%;
    }

    .testimonial .pic:after {
        bottom: 25px;
        right: 0;
        width: 20px;
        height: 20px;
    }

    .section.product-section {
        padding: 35px 5%;
    }

}


@media (max-width:411px) {

    .tm-custom-heading2 {
        font-size: 14px;
    }

    .hovereffect h2 {
        top: 0;
    }


}

@media screen and (max-width: 393px) {
    .wrapper-search .form {
        width: 160px;
    }

    .addon-text-box,
    addon-text-box:active {
        font-size: 12px;
        padding: 6px 0;
    }

    .wrapper-search #search {
        right: 64%;
    }
}


@media (max-width:385px) {


    .rwd-table th,
    .rwd-table td {
        margin: 0.5em 1em;
        font-size: 14px;
    }

    .wrapper {
        margin-bottom: -8%;
    }

    .testimonial .pic:before {
        width: 55px;
        height: 55px;
        font-size: 20px;
        padding: 8% 11%;
    }

    .tm-custom-heading1 {
        font-size: 20px;
    }

    .about-images .box p {
        font-size: 15px;
    }

    .hovereffect h2 {
        padding-top: 11%;
        width: 105px;
        height: 105px;
        font-size: 18px;
        margin: 20% auto;
    }

    #hero-banner h2 {
        width: 65%;
        font-size: 20px;
    }

    #hero-banner {
        height: 30vh;
    }

    iframe {
        width: 310px;
    }

    .location h4 {
        font-size: 18px;
    }

    .location ul li {
        font-size: 14px;
    }

    #footer .footer-top .footer-info p {
        font-size: 14px;
    }

    #footer .footer-top h4 {
        font-size: 15px;
    }

    #footer .footer-top .footer-links ul a {
        font-size: 14px;
    }

    #footer .copyright {
        font-size: 14px;
    }

    #footer .credits {
        font-size: 14px;
    }

    .large-block-grid-3>li {
        width: 49%
    }

    .small-block-grid-1.large-block-grid-3.contact-sec.inner-content-wrapper {
        padding-left: 8px;
    }

    #contact .php-email-form input,
    #contact .php-email-form textarea {
        font-size: 0.8rem;
    }

    #contact h3,
    h4 {
        font-size: 18px;
    }

    #contact .contact-info h3 {
        font-size: 16px;
    }

    .products img {
        width: 175px;
    }

    /* .section.product-section {padding: 35px 1em;} */
}

@media (max-width:360px) {

    iframe {
        width: 295px;
    }

    .testimonial .description {
        padding: 0 1% 0 1%;
    }

    .products-category {
        margin-bottom: -15px;
    }

    /* .social-nav {width: 40%;} */

}


@media (max-width:320px) {

    #header .logo {
        margin: 0 25%;
    }

    #header {
        height: 185px;
    }

    /* .social-nav {width: 40%;} */
    .navmobile {
        margin-bottom: 0;
        padding: 2%;
    }

    #hero {
        height: 40vh;
    }

    #hero h2 {
        font-size: 24px;
    }

    #hero .btn-get-started {
        padding: 4px 20px;
    }

    .carousel-indicators {
        margin-bottom: 0rem;
    }

    .carousel-indicators [data-bs-target] {
        width: 10px;
        height: 10px;
    }

    .testimonial .pic img {
        width: 100%;
    }

    .testimonial .pic:before {
        padding: 8% 12%;
    }

    .testimonial .description {
        padding: 0 0% 0 1%;
    }

    .tm-custom-heading1 {
        font-size: 18px;
    }

    #location-section .cta-btn {
        padding: 4px 15px;
    }

    #about-section h3 {
        font-size: 22px;
    }

    #about-section .cta-btn {
        padding: 4px 15px;
    }

    #cateogry .cta-btn {
        padding: 4px 15px;
    }

    .products {
        padding: 0 39%;
    }

    .about-images .box p {
        font-size: 14px;
    }

    iframe {
        width: 255px;
    }

    .large-block-grid-3>li {
        width: 98%;
    }

    .contact-icon-box {
        padding: 30px;
    }

    #contact h3,
    h4 {
        font-size: 20px;
    }

    .hovereffect h2 {
        padding-top: 13%;
        font-size: 15px;
    }
}